<template>
  <div>
      <!-- 谁使用该组件 谁就传递 lunboList -->
      <!-- lunboList 向子组件传值 -->
    <mt-swipe :auto="3000">
      <mt-swipe-item v-for="(item, index) in lunboList" :key="index">
        <img :src="item.img" alt :class="{ 'full': isfull }">
      </mt-swipe-item>
    </mt-swipe>
  </div>

  <!-- 分析：解决轮播宽度问题
  期望：高度 100%，宽度自适应;
  首页轮播 与 商品详情轮播 宽度存在分歧
   -->
</template>

<script>
export default {
    props: ['lunboList','isfull']
};
</script>

<style lang="scss" scoped>
// 轮播图样式
.mint-swipe {
  height: 200px;
  text-align: center;

    img {
    //   width: 100%;
      height: 100%;
    }
    .full {
      width: 100%;
  }
  }
  

</style>
